
$(function() {
  var page = 1;
  var pageSize = 5;
  render();
  function render() {
    $.ajax({
      url: '/user/queryUser',
      type: 'GET',
      data: {
        page: page,
        pageSize: pageSize,
      },
      success: function(info) {
        console.log(info);
        var html = template('users',info);
        $('tbody').html(html);
        $('#paginator').bootstrapPaginator({
          // 如果使用了bootstrap3的版本，必须指定版本
          bootstrapMajorVersion: 3,
          // 当前页
          currentPage: page,
          // 总页数, 应该由总条数算出来
          totalPages: Math.ceil(info.total / info.size),
          // 控件上显示10页
          // numberOfPages: 10
          onPageClicked: function(a, b, c, p) {
              // 不能和外面的page重名，不然访问不到外面的page
              page = p;
              render();
          }
        })
      }
    })
  }
  var id;
  var isDelete;
  $('tbody').on('click','button',function() {
    $('#usersModal').modal('show');
    id = $(this).parent().data('id');
    isDelete = $(this).hasClass('btn-success')? 0 : 1;
  })

  $('.confirm').on('click',function() {
    $.ajax({
      url:'/user/updateUser',
      type:'post',
      data: {
        id : id,
        isDelete: isDelete
      },
      success: function(info) {
        console.log(info);
        $('#usersModal').modal('hide');
        render();
      }
    })
  })

})